.usercenter *{ font-size: 14px; color: #707070;}
.usercenter{ padding-bottom: 80px;}
.usercenter .border {border: 1px solid #ddd;}
.usercenter .border-b {border-bottom: 1px solid #b2b2b2;}

.userinfoBox{position: relative; }
.userinfoBox ul{ width: 100%; border-bottom: none !important; box-sizing: border-box; }
.userinfoBox ul::after{ content: ' '; clear: both; display: block; }
.userinfoBox ul li{ width: 50%; line-height: 50px; height: 50px; float: left; border-bottom: 1px solid #ddd; overflow: hidden; }
.userinfoBox ul li label { width: 150px; background-color: #eee; text-align: center; display: inline-block; }
.userinfoBox ul li span { padding-left: 30px;}
.rightbtn{ width: 107px; height: 22px; box-sizing: border-box;  border-top: none !important; line-height: 21px; text-align: center; position: absolute; right: 0; z-index: 4;}

.moudlename{ line-height: 20px; height: 20px; font-size: 16px;  margin-bottom: 9px; }
.moudlename i{ display: inline-block; width: 10px; height: 20px; box-sizing: border-box; margin-right: 8px; float: left; border: 1px solid #b2b2b2;}

.addressBox{ padding-top: 30px; position: relative;}
.addressBox ul{width: 100%; box-sizing: border-box;}
.addressBox ul li{ width: 100%; line-height: 30px; height: 30px; border-top: 1px solid #ddd; overflow: hidden; }
.addressBox ul li:first-child { background-color: #eee; border-top: none; }
.addressBox ul li label { height:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-right: 1px solid #ddd; text-align: center; font-weight: normal; box-sizing: border-box; display: block; float: left;}
.addressBox ul li label:nth-child(1) { width: 14%; }
.addressBox ul li label:nth-child(2) { width: 17%; }
.addressBox ul li label:nth-child(3) { width: 38%; }
.addressBox ul li label:nth-child(4) { width: 10%; }
.addressBox ul li label:nth-child(5) { width: 13%; }
.addressBox ul li label:nth-child(6) { width: 8%; }
.addressBox ul li label:last-child { border-right: none;}
.addressBox ul li:first-child label:nth-child(5) { width: 19%; }


.orderBox{ padding-top: 30px;}
.orderBox table{ width: 100%; height: 100%; text-align: center; }
.orderBox thead{ background-color: #eee;}
.orderBox tr {line-height: 30px; height: 30px;}
.orderBox td{border: 1px solid #ddd;}
.orderBox td a{color: #3388FF;}

.pagebox{ padding: 20px 0; height: 24px; line-height: 24px; text-align: right; }
.pagebox em, .pagebox input{ width: 37px; height: inherit; display: inline-block; text-align: center; border: 1px solid #ddd;box-sizing: border-box; }
.pagebox em.active { background: #0099FF; color: #fff; }
.pagebox .goto { margin-left: 24px; }
.pagebox .nums { margin-right: 20px; }


.edituserBox{   }
.edituserBox ul { width: 400px; margin: 0 auto; }
.edituserBox ul li { margin-bottom: 8px; }
.edituserBox ul li label { width: 78px; padding-right: 8px; text-align: right }
.edituserBox input, .edituserBox select { width: 310px; height: 32px; border: 1px solid #ddd; }
.edituserBox select.city { width: 150px; margin-right: 10px }
.edituserBox select.city:last-child { margin: 0 }
.edituserBox .btn { width: 98px; height: 34px; background: #0099FF; color: #fff; display: block; margin: 40px auto;}


.detailbox { width: 100%; border: 1px solid #C4C4C4; padding: 0 24px 42px;}
.orderstate{ background: #D0D0D0; height: 65px; line-height: 65px; padding: 0 27px; color: #C60A02; font-size: 24px; }
.detailbox table { width: 100%; margin-top: 24px; box-sizing: border-box; border: 1px solid #ddd;}
/* .detailbox table caption, .detailbox table thead, .detailbox table tr { padding: 0 24px;  } */
.detailbox caption { font-size: 16px; line-height: 16px; padding-bottom: 10px; }
.detailbox table thead { background: #eee; height: 30px; line-height: 30px; font-size: 14px; }
.detailbox table tbody { height: 30px; line-height: 30px; font-size: 14px; }
/* F3F2F2 */
.detailbox table td {border: 1px solid #ddd; text-align: center; }
.detailbox a.download{ color: #3388FF; text-decoration: underline;}
.detailbox a.uc_btn{ color: #fff; width: 135px; height: 25px; background: #3388FF; 
    display: inline-block;
    text-align: center;
    margin-right: 18px;
    margin-top: 5px;
    line-height: 25px;
    font-size: 14px;
}
.detailbox em{ color: red; margin-right: 50px;}


.uploadbtmBox { }
.uploadbtmBox .boxleft, .uploadbtmBox .boxright {width: 50%; float: left; text-align: left; }
.uploadbtmBox .boxleft { padding: 25px 30px 0 30px;  }
.uploadbtmBox .boxright { padding: 22px 15px 0 15px; }
.uploadbtmBox p { padding-bottom: 24px; }
.uploadbtmBox span { width: 180px; height: 16px; line-height: 16px; display: inline-block; text-align: right;  font-size: 16px !important; color: #7A7A7A !important; }
.uploadbtmBox label { padding-left: 20px; width: 85px;  font-size: 16px !important; color: #7A7A7A !important;     font-weight: normal;}
.uploadbtmBox .boxright span {  display: block; float: left; width: 130px; }
.uploadbtmBox .boxright textarea {  width: 70%; height: 120px; margin: 0;padding: 0; }
@media screen and (max-width: 997px) {
    .uploadbtmBox .boxleft, .uploadbtmBox .boxright { width: 100%; }
} 














/* validationEngine.jquery.css */
/* https://www.cnblogs.com/yqskj/articles/2226115.html */
/* Z-INDEX */
.formError { z-index: 990; }
.formError .formErrorContent { z-index: 991; }
.formError .formErrorArrow { z-index: 996; }

.ui-dialog .formError { z-index: 5000; }
.ui-dialog .formError .formErrorContent { z-index: 5001; }
.ui-dialog .formError .formErrorArrow { z-index: 5006; }




.inputContainer {
position: relative;
float: left;
}

.formError {
position: absolute;
top: 300px;
left: 300px;
display: block;
cursor: pointer;
text-align: left;
}

.formError.inline {
position: relative;
top: 0;
left: 0;
display: inline-block;
}

.ajaxSubmit {
padding: 20px;
background: #55ea55;
border: 1px solid #999;
display: none;
}

.formError .formErrorContent {
width: 100%;
background: #ee0101;
position:relative;
color: #fff;
min-width: 120px;
font-size: 11px;
border: 2px solid #ddd;
box-shadow: 0 0 6px #000;
-moz-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
-o-box-shadow: 0 0 6px #000;
padding: 4px 10px 4px 10px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
}

.formError.inline .formErrorContent {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
border: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
}

.greenPopup .formErrorContent {
background: #33be40;
}

.blackPopup .formErrorContent {
background: #393939;
color: #FFF;
}

.formError .formErrorArrow {
width: 15px;
margin: -2px 0 0 13px;
position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
margin: 0px 0 0 12px;
top:2px;
}

.formError .formErrorArrow div {
border-left: 2px solid #ddd;
border-right: 2px solid #ddd;
box-shadow: 0 2px 3px #444;
-moz-box-shadow: 0 2px 3px #444;
-webkit-box-shadow: 0 2px 3px #444;
-o-box-shadow: 0 2px 3px #444;
font-size: 0px;
height: 1px;
background: #ee0101;
margin: 0 auto;
line-height: 0;
font-size: 0;
display: block;
}

.formError .formErrorArrowBottom div {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
background: #33be40;
}

.blackPopup .formErrorArrow div {
background: #393939;
color: #FFF;
}

.formError .formErrorArrow .line10 {
width: 13px;
border: none;
}

.formError .formErrorArrow .line9 {
width: 11px;
border: none;
}

.formError .formErrorArrow .line8 {
width: 11px;
}

.formError .formErrorArrow .line7 {
width: 9px;
}

.formError .formErrorArrow .line6 {
width: 7px;
}

.formError .formErrorArrow .line5 {
width: 5px;
}

.formError .formErrorArrow .line4 {
width: 3px;
}

.formError .formErrorArrow .line3 {
width: 1px;
border-left: 2px solid #ddd;
border-right: 2px solid #ddd;
border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
width: 3px;
border: none;
background: #ddd;
}

.formError .formErrorArrow .line1 {
width: 1px;
border: none;
background: #ddd;
}